@import "common.css";

.tab-pane-ui .tab {
    -fx-padding: 5 15 10 15;
    -fx-background-radius: 5;
    -fx-background-insets: 0 2 5 2;
    -fx-background-color: transparent;

}

.tab-pane-ui .tab:disabled *, .tab-pane-ui .tab:disabled {
    -fx-text-fill: transparent !important;
    -fx-fill: transparent !important;
    -fx-background-color: transparent !important;
}

.tab-pane-ui > .tab-header-area {
    -fx-padding: 2 2 -2 2;
}

.tab-pane-ui .control-buttons-tab {
    -fx-translate-y: -5;
}

.tab-pane-ui .control-buttons-tab .tab-down-button {
    -fx-background-color: transparent;
    -fx-background-radius: 5;
    -fx-padding: 16 12.5 16 12.5;
    -fx-background-insets: 0;
}

.tab-pane-ui .control-buttons-tab .tab-down-button .arrow {
    -fx-shape: "M1.87,2.5H8.15a1.06,1.06,0,0,1,.64,1.78L5.71,7.79a.91.91,0,0,1-1.4,0L1.23,4.28A1.06,1.06,0,0,1,1.87,2.5Z";
    -fx-scale-shape: false;
}

.tab-pane-ui .control-buttons-tab:hover .tab-down-button .arrow {
    -fx-background-color: main-color;
}

.tab-pane-ui .control-buttons-tab:hover .tab-down-button {
    -fx-background-color: rgb(0, 0, 0, 0.1);
}

.tab-pane-ui .tab .tab-close-button:hover {
    -fx-background-color: red;
}

/* 修改tabPane颜色 */
.tab-pane-ui > .tab-header-area > .tab-header-background {
    -fx-text-box-border: shallow-color; /*背景颜色*/
    -fx-background-color: shallow-color; /*底部线颜色*/
}

.tab-pane-ui .tab:selected {
    -fx-background-color: white !important;
    -fx-effect: dropshadow(gaussian, rgba(128, 128, 128, 0.67), 5, 0, 1, 1);
}

.tab-pane-ui .tab:hover {
    -fx-background-color: rgb(0, 0, 0, 0.1);
}

/*修改Popup样式*/
.tab-down-button .context-menu {
    -fx-background-radius: 5;
    -fx-background-color: shallow-color;
}

.tab-down-button .context-menu .menu-item {
    -fx-background-color: transparent;
    -fx-background-insets: 2 2 2 2;
    -fx-pref-height: 38;
    -fx-background-radius: 5;
}

.tab-down-button .context-menu .menu-item:hover {
    -fx-background-color: rgb(0, 0, 0, 0.1);
}

.tab-down-button .context-menu .menu-item:disabled {
    -fx-background-color: transparent !important;
}

.tab-down-button .context-menu .menu-item:disabled .label {
    -fx-text-fill: transparent !important;
}

.tab-down-button .context-menu .menu-item .label {
    -fx-text-fill: black;
}

.tab-down-button .context-menu .menu-item .left-container > * {
    -fx-background-color: black;
}

/* Tab选中的时候选中其边框并修改样式 */
.tab-pane-ui:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-color: transparent;
}

.tab-pane-ui > .tab-content-area {
    -fx-background-color: white;
}

/*Size*/
.tab-pane-ui-small .tab {
    -fx-padding: 0 6 4 6 !important;
    -fx-background-radius: 3 !important;
    -fx-background-insets: 0 1 3 1 !important;
}

.tab-pane-ui-small > .tab-header-area {
    -fx-padding: 2 2 0 2 !important;
}

.tab-pane-ui-small .control-buttons-tab {
    -fx-translate-y: -2 !important;
}

.tab-pane-ui-small .control-buttons-tab .tab-down-button {
    -fx-background-radius: 3 !important;
    -fx-padding: 12 8.5 12 8.5 !important;
}